<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="framework/icons/tdesign.css" rel="stylesheet">
    <link href="css/wrapper.css" rel="stylesheet">
    <link href="css/top-topMenu.css" rel="stylesheet">
    <link href="css/footer.css" rel="stylesheet">
    <script src="js/Pop.js"></script>
    <script src="js/fixTop.js"></script>

    <script src="js/age-check.js"></script>
    <link href="css/age-check.css" rel="stylesheet">
    <title>分级信息</title>
</head>
<body>
<div class="wrapper">
    <div class="main">
        <div class="top-area">
            <div class="top-area-fix" id="fixedBox">
                <!-- top部分 -->
                <div class="top">
                    <div class="return" onclick="location.href='shop.html'">
                        <i class="i tdesign:chevron-left"></i>
                    </div>
                    <div class="search-box-short">
                        <img src="img/search_element.png">
                        <input type="text">
                        <div class="i tdesign:search"></div>
                    </div>
                    <div class="more" onclick="showPopup1()"> <!--打开弹窗-->
                        <i class="i tdesign:ellipsis"></i>
                    </div>
                    <div class="popmenu1">
                        <div class="popup">
                            <div class="i tdesign:chevron-down-double-s" onclick="hidePopup1()"></div> <!--关闭弹窗-->
                            <div class="popup_content">
                                欢迎来到steam
                            </div>
                            <div class="popup_btn">
                                <button class="share">
                                    <div class="i tdesign:share"></div>
                                    <span>分享</span>
                                </button>
                                <button class="refresh" onclick="location.reload()"> <!--刷新-->
                                    <div class="i tdesign:rotate"></div>
                                    <span>刷新</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="user_head" onclick="location.href='userInfo.html'">
                        <img src="img/user_head.jpg">
                    </div>
                </div>
                <!-- top-menu部分 -->
                <ul class="top-menu">
                    <li class="menu">
                        <span onclick="showPopup3()">菜单</span>
                        <i class="i tdesign:chevron-down" onclick="hidePopup3()"></i>
                    </li>
                    <div class="popmenu3">
                        <div class="popup">
                            <div class="menu-item">
                                <img src="img/user_head.jpg">
                                <span onclick="location.href='shop.html'">您的商店</span>
                            </div>
                            <div class="menu-item">新鲜推荐</div>
                            <div class="menu-item">类别</div>
                            <div class="menu-item">点数商店</div>
                            <div class="menu-item">新闻</div>
                            <div class="menu-item">实验室</div>
                        </div>
                    </div>
                    <li class="wishlist" onclick="location.href='wishlist.html'">
                        <span>愿望单</span>
                    </li>
                    <li class="pocket" onclick="location.href='pocket.html'">
                        <span>钱包</span>
                        <span class="balance">(&#165; 0.00)</span>
                    </li>
                </ul>
            </div>
        </div>

        <div class="check-page">
            <div class="poster">
                <img src="img/dsc_poster1.jpg">
            </div>
            <div class="check-page-box">
                <div class="explain">
                    <p>游戏 包含的内容可能不适合所有年龄段，或不宜在工作期间访问。</p>
                    <p>开发者对内容描述如下：</p>
                    <p>"This Game may contain content not appropriate for all ages. It contains General Mature Content, and may include Nudity or Sexual Content."</p>
                </div>
                <div class="age-choose">
                    <p>请输入您的生日：</p>
                    <form class="selector" name="reg_testdate">
                        <select onmousedown="this.size=6" onblur="this.size=0" name="DD" onchange="this.size=0">
                            <option value=""></option>
                        </select>
                        <select onmousedown="this.size=6" onblur="this.size=0" name="MM" onchange="MMDD(this.value)">
                            <option value=""></option>
                        </select>
                        <select onmousedown="this.size=6" onblur="this.size=0" name="YYYY" onchange="YYYYDD(this.value)">
                            <option value=""></option>
                        </select>
                    </form>
                </div>
                <div class="option">
                    <div>查看页面</div>
                    <div  onclick="location.href='shop.html'">取消</div>
                </div>
            </div>
            <div class="end-explain">
                此数据仅用于验证并且不会保存。
            </div>
        </div>
    </div>

    <!--footer-->
    <ul class="footer">
        <li  class="shop" onclick="location.href='shop.html'">
            <i class="i tdesign:discount-filled"></i>
        </li>
        <li class="news">
            <i class="i tdesign:article"></i>
        </li>
        <li class="secure" onclick="location.href='secure.html'">
            <i class="i tdesign:shield-error"></i>
        </li>
        <li class="notification">
            <i class="i tdesign:notification-filled"></i>
        </li>
        <li class="user" onclick="location.href='user.html'">
            <i class="i tdesign:view-list"></i>
        </li>
    </ul>
</div>
</body>
</html>